<template>
    <div>
        <router-view></router-view>

        <van-tabbar route v-model="active">
            <van-tabbar-item icon="home-o" to="/home">首页</van-tabbar-item>
            <van-tabbar-item icon="apps-o" to="/category" dot>分类</van-tabbar-item>
            <van-tabbar-item icon="cart-o" to="/cart" badge="5">购物车</van-tabbar-item>
            <van-tabbar-item icon="user-o" to="/user" bad ge="20">我的</van-tabbar-item>
        </van-tabbar>
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';

const active = ref(0);
</script>

<style scoped>

</style>